<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Refresh" content="3">
<title></title>
<link rel="stylesheet" type="text/css" href="../CSS/one.css"><!--外部样式-->
<style>
	p{
		background-color:beige;
		margin-left: 20px;
	}
</style>
	<h1>测试CSS文本1</h1>
	<h2>测试CSS文本2</h2>
	<h3>测试CSS文本3</h3>
</head>

<body>
	<p>这是一个内部样式</p>
	<hr>
	<p style="color:#316B9E;margin-left:20px;">这是一个内联样式</p>
	<hr>
	<div id="one">
		<p class="uppercase">hello</p><!--设置将所有字句变成大写-->
		<p class="lowercase">WORLD</p><!--设置将所有字句变成小写-->
		<p class="capitalize">helloworld</p><!--设置将所有字句变成首字母大写-->
		<br>
	</div>
	<hr>
	<div class="two">
		<a href="https://www.baidu.com">百度一下，你就知道</a>
	</div>
	<hr>
	<div class="three">
		<ol class="a">
			<li>有序列表1</li>
			<li>有序列表2</li>
			<li>有序列表3</li>
		</ol>
		<ul class="b">
			<li>无序列表1</li>
			<li >无序列表2</li>
			<li>无序列表3</li>
		</ul>
	</div>
	<hr>
	<table>
		<tr>
			<th>表头1</th>
			<th>表头2</th>
		</tr>
		<tr>
			<td>行2，列1</td>
			<td>行3，列1</td>
		</tr>
		<tr>
			<td>行2，列2</td>
			<td>行3，列2</td>
		</tr>
	</table>
</body>
</html>
